<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%
String api_key = request.getParameter( "api_key" );
String app_name = request.getParameter( "app_name" ); 

%>

<style>

* { padding: 0; margin: 0; }

body {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 13px;
}
#wrapper { 
 margin: 0 auto;

}
#header {

 border: 0px ;
 height: 100px;
 background-image:url(http://yecine06.no-ip.info:8080/fousdesbaffes/images/header_bg.jpg);
 background-repeat:no-repeat;

}
#navigation {

 padding-left: 20px;
 height : 20px;
 border: 0px solid #ccc;
 margin: 0px 0px 0px 0px;
 background-image:url(http://yecine06.no-ip.info:8080/fousdesbaffes/images/nav_bg.jpg);
 background-repeat:no-repeat;
}
#content { 

 border: 1px solid #ccc;
 background-color : #DAE3EC;
 margin: 0px 0px 0px 0px;
 padding: 10px;
}
#footer { 

 color: #333;
 border: 0px solid #ccc;
 margin: 0px 0px 10px 0px;
 padding: 10px;
 text-align : center;
}

img{
 	border : 0px;
}

/* Navigation */
.nav ul{
	list-style-type:none;
}
.nav li{
	display:inline;
}
.nav a{
	text-decoration:none;
	color:white;
	font-weight:bold;
	background:#3B5998;
	padding:5px;
	border-right:1px solid #FFFFFF;
}
.nav a:hover{
	background:#6D84B4;
}

.nav li .current{
	background:#F7F7F7;	
	color:#43609C;
}

/* Content */

</style>
<!-- Begin Wrapper -->
   <div id="wrapper">
   
         <!-- Begin Header -->
         <div id="header">
		 
		  
			   
		 </div>
		 <!-- End Header -->
		 
		 <!-- Begin Naviagtion -->
         <div id="navigation">
         	<ul class="nav">
         		<li><a href="http://apps.facebook.com/<%= app_name %>/" target="_top">Home</a></li>
				<li><a href="http://apps.facebook.com/<%= app_name %>/BaffesServlet" target="_top">Baffes</a></li>
				<li><a href="http://apps.facebook.com/<%= app_name %>/Graphe" target="_top">Graphe des amis</a></li>
				<li><a href="http://apps.facebook.com/<%= app_name %>/HistoriqueServlet" target="_top">Historique</a></li>
				<li><a class="current" href="http://apps.facebook.com/<%= app_name %>/invitation.jsp?api_key=<%=api_key%>&app_name=<%= app_name %>&v=1.0&fb_force_mode=fbml" target="_top">Invite Friends</a></li>
			</ul>      
		 </div>
		 <!-- End Naviagtion -->
		 
		 <!-- Begin Content -->
		 <div id="content">
		       
			<c:set var="invite">
			  Accepte cette invitation
			  <fb:req-choice url='http://www.facebook.com/add.php?api_key=<%=api_key%>' label='Defoule toi' />
			</c:set>
			 
			<fb:request-form type="Fous des Baffes" content="${invite}" invite="true"
			                 action="http://apps.facebook.com/<%= app_name %>/">
			  <fb:multi-friend-selector rows="4" actiontext="Fait decouvrir cette application" />
			</fb:request-form>

		 </div>
		 <!-- End Content -->
		 
		 <!-- Begin Footer -->
		 <div id="footer">
		       
			   <jsp:include page="footer.jsp" />
			    
	     </div>
		 <!-- End Footer -->
		 
   </div>
   <!-- End Wrapper -->